/**
*** 通用样式
**/
body{
    color: #333;
    font-size: 14px;
    font-family: Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', SimSun, '宋体', Heiti, '黑体', sans-serif;
    background: #fafafa;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
}
pre{
    font-family: Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', SimSun, '宋体', Heiti, '黑体', sans-serif;
    white-space: pre-wrap;
}
/********** 类名 **********/
/*内容容器*/
.container{
    position: relative;
    margin: 0 auto;
    width: 1060px;
}
/*页面内容主体*/
.main{
    padding-top: 30px;
    padding-bottom: 100px;
}
/*清除浮动*/
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}
/*左浮动*/
.fl{
    float: left;
}
/*右浮动*/
.fr{
    float: right;
}
/*面板*/
.panel{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .05);
    background: #fff;
}
.panel:last-of-type{
    margin-bottom: 0;
}
.panel-title{
    padding: 19px 0;
}
.panel-title h2{
    font-size: 16px;
    line-height: 22px;
}
.panel-content{
    border-top: 2px solid #f2f2f2;
}
/*表单元素组*/
form fieldset{
    margin-bottom: 10px;
}
/*表单标签*/
.form-label{
    font-weight: 700;
    line-height: 20px;
}
/*表单输入项 选择项 文本域*/
.form-input,
.form-select,
.form-textarea{
    box-sizing: border-box;
    border: 2px solid #f2f2f2;
    border-radius: 2px;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    text-indent: 15px;
    transition: border .2s;
}
.form-input,
.form-select{
    height: 50px;
}
.form-select{
    background: url() no-repeat top 18px right 15px / 14px 14px;
    cursor: pointer;
}
.form-textarea{
    padding: 15px;
    height: 120px;
    text-indent: 0;
    resize: none;
}
.form-input:hover,
.form-select:hover,
.form-textarea:hover{
    border-color: #ccc;
}
.form-input.form-error,
.form-select.form-error,
.form-textarea.form-error{
    border-color: #f65434;
}
/*表单验证提示*/
p.form-error{
    padding-top: 6px;
    color: #f65434;
    font-size: 12px;
    line-height: 17px;
}
/*表单单选项 复选项*/
.form-radio,
.form-checkbox{
    line-height: 20px;
    cursor: pointer;
}
.form-radio input,
.form-checkbox input{
    width: 0;
}
/*表单获取验证码 添加标签按钮*/
.form-get-sms,
.form-add-tag{
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    border-top: 2px solid #f2f2f2;
    border-right: 2px solid #f2f2f2;
    border-bottom: 2px solid #f2f2f2;
    width: 112px;
    height: 50px;
    color: #f65434;
    line-height: 46px;
    text-align: center;
    background: #fff;
    cursor: pointer;
}
.form-get-sms.disabled{
    cursor: default;
}
.form-add-tag{
    width: 100px;
}
/*图片展示*/
.picture{
    overflow: hidden;
    position: relative;
    border-radius: 2px;
    background: #fafafa;
}
.picture img{
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    height: 100%;
    transform: translate3d(-50%, 0, 0);
}
/*表单上传图片 上传文件*/
.form-upload-btn{
    display: inline-block;
    box-sizing: border-box;
    border: 2px dashed #f2f2f2;
    border-radius: 3px;
    color: #7d7d7d;
    font-size: 12px;
    text-align: center;
    background: #fafafa;
    cursor: pointer;
}
.form-upload-btn i{
    color: #f65434;
    font-size: 24px;
}
.form-upload-img .item{
    display: inline-block;
    vertical-align: top;
}
.form-upload-img .item:last-of-type{
    margin-right: 0;
}
.form-upload-img .form-upload-btn{
    width: 100%;
    height: 100%;
    line-height: 17px;
}
.form-upload-img .item.uploading .form-upload-btn,
.form-upload-img .item.uploaded .form-upload-btn{
    display: none;
}
.form-upload-img .progress,
.form-upload-img .form-delete-pic{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, .4);
}
.form-upload-img .item.uploading .progress{
    display: block;
}
.form-upload-img .progress .inner{
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 2px;
    width: calc(100% - 66px);
    height: 4px;
    text-align: left;
    background: #f0f0f0;
    transform: translate3d(-50%, 0, 0);
}
.form-upload-img .progress i{
    display: inline-block;
    height: 100%;
    background: #f65434;
}
.form-upload-img .item.uploaded .form-delete-pic{
    display: block;
}
.form-upload-img .form-delete-pic i{
    border-radius: 50%;
    width: 32px;
    height: 32px;
    color: #f65434;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    background: #fff;
    cursor: pointer;
}
.form-upload-img .item img{
    display: none;
}
.form-upload-img .item.uploaded img{
    display: block;
}
.form-upload-img .item input{
    width: 0;
    opacity: 0;
}
.form-upload-file{
    position: relative;
}
.form-upload-file .mask{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 70px;
}
.form-upload-file .form-upload-btn{
    height: 70px;
    line-height: 70px;
}
.form-upload-file .form-upload-btn i{
    vertical-align: middle;
    margin-right: 10px;
}
.form-upload-file .upload-list{
    padding-top: 10px;
}
.form-upload-file .upload-list:empty{
    padding-top: 0;
}
.form-upload-file .upload-list .item{
    position: relative;
    height: 30px;
    line-height: 30px;
}
.form-upload-file .upload-list .item:before{
    content: '\e64f';
    margin-right: 10px;
    color: #a6a6a6;
    font-family: 'iconfont';
    font-size: 16px;
}
.form-upload-file .upload-list .item .progress{
    display: none;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 1px;
    width: 100%;
    height: 2px;
    line-height: 2px;
    background: #f0f0f0;
}
.form-upload-file .upload-list .item.uploading .progress{
    display: block;
}
.form-upload-file .progress i{
    display: inline-block;
    vertical-align: top;
    height: 100%;
    background: #f65434;
}
.form-upload-file .upload-list .delete{
    display: none;
    float: right;
    color: #a6a6a6;
    cursor: pointer;
}
.form-upload-file .upload-list .item.uploaded .delete{
    display: block;
}
.form-upload-file input{
    width: 0;
    opacity: 0;
}
/*表单小提示*/
.form-tips{
    color: #999;
    font-size: 12px;
    line-height: 17px;
}
/*表单添加删除项目*/
.form-add-item,
.form-save-item,
.form-delete-item{
    display: inline-block;
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
}
.form-add-item:before,
.form-save-item:before,
.form-delete-item:before{
    margin-right: 9px;
    font-size: 14px;
}
.form-add-item,
.form-save-item{
    margin-right: 17px;
    color: #f65434;
}
.form-delete-item{
    display: none;
    color: #7d7d7d;
}
/*表单查看示例*/
.form-example{
    font-size: 12px;
    line-height: 17px;
}
.form-example .show{
    display: inline-block;
    margin-top: 2px;
    color: #f65434;
    cursor: pointer;
}
.form-example .show:after{
    content: '\e64c';
    margin-left: 5px;
    font-size: 9px;
    font-family: 'iconfont';
}
.form-example .desc{
    display: none;
    box-sizing: border-box;
    margin-top: 10px;
    border: 2px solid #f2f2f2;
    border-radius: 3px;
    padding: 20px;
    width: 520px;
    color: #7d7d7d;
    background: #fafafa;
}
.form-example .desc.active{
    display: block;
}
.form-example .desc p{
    margin-bottom: 10px;
}
/*圆角标签*/
.tag{
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    margin-right: 6px;
    margin-bottom: 10px;
    border-radius: 17px;
    border: 1px solid #e0e0e0;
    padding: 0 16px;
    height: 28px;
    color: #7d7d7d;
    line-height: 26px;
    background: #f0f0f0;
    cursor: default;
}
.tag span:hover{
    color: #333;
}
.tag .delete{
    position: absolute;
    top: -8px;
    right: -6px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    cursor: pointer;
}
/*关联数据列表*/
.datalist{
    display: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0 ,0, .05);
    border: 2px solid #f2f2f2;
    border-radius: 2px;
    padding: 0 20px;
    background: #fff;
}
.datalist li{
    border-bottom: 2px solid #f2f2f2;
    min-width: 240px;
    line-height: 50px;
    cursor: pointer;
}
.datalist li:last-of-type{
    border-bottom: none;
}
/*通用按钮*/
.btn{
    box-sizing: border-box;
    vertical-align: middle;
    border-radius: 2px;
    height: 44px;
    font-size: 14px;
    line-height: 44px;
    text-align: center;
    cursor: pointer;
}
/*橙色按钮*/
.btn-orange{
    color: #fff;
    background: #f65434;
    transition: background .2s;
}
.btn-orange:hover{
    background: #db3109;
}
/*空心按钮*/
.btn-empty{
    border: 2px solid #f65434;
    color: #f65434;
    line-height: 40px;
    transition: border .2s;
}
.btn-empty:hover{
    border-color: #db3109;
}
/********** 表单通用子元素 **********/
.form .tec-input-wrapper .form-tips{
    margin-top: 6px;
    color: #7d7d7d;
}
.form .tec-input-wrapper .datalist{
    position: absolute;
    top: 52px;
    left: 0;
}
.form .form-input.tec-input{
    width: 420px;
}
/********** 注册 **********/
.register h2{
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 28px;
}
.register .btn{
    font-size: 16px;
}
/********** 登录 **********/
.login h2{
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: lighter;
}
.login .btn{
    height: 50px;
    line-height: 50px;
}
/********** 入驻基本信息 **********/
.settled-basic .tab-nav{
    display: inline-block;
    box-sizing: border-box;
    border: 2px solid #f2f2f2;
    height: 80px;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}
.settled-basic .tab-nav:first-of-type{
    margin-right: 10px;
}
.settled-basic .tab-nav.active{
    border-color: #f65434;
    color: #f65434;
}
.settled-basic .tab-nav i{
    display: block;
    margin-top: 17px;
    margin-bottom: 5px;
    color: #f65434;
    font-size: 20px;
}
/********** 入驻流程完成 **********/
.settled-success .panel{
    padding-top: 50px;
    padding-bottom: 72px;
    text-align: center;
}
.settled-success .complete{
    display: inline-block;
    margin-bottom: 20px;
    width: 44px;
    height: 44px;
    color: #1fcf7c;
    font-size: 44px;
}
.settled-success p:nth-of-type(1){
    font-size: 20px;
    line-height: 28px;
}
.settled-success p:nth-of-type(2){
    line-height: 20px;
}
.settled-success .code{
    display: block;
    border: 1px solid #f2f2f2;
    border-radius: 3px;
}
.settled-success .btn{
    font-size: 16px;
}
/********** 账户中心 **********/
/*账户中心个人兴趣爱好*/
.account-center .hobby .tag{
    background: #fff;
}
.account-center .hobby fieldset:first-of-type{
    margin-bottom: 0;
}
.account-center .hobby .tag-selected .tag{
    margin-right: 8px;
}
.account-center .hobby .tag-list{
    display: inline-block;
    margin-left: 0;
    border-radius: 2px;
    padding: 20px 15px 10px 20px;
    background: #fafafa;
}
.account-center .hobby .tag-list .delete{
    display: none;
}
/********** 账户技能 账户作品案例 **********/
.account-tec .tec-list{
    padding: 0;
}
.account-tec-empty .panel{
    text-align: center;
}
.account-tec-empty i{
    display: inline-block;
    width: 60px;
    height: 60px;
    color: #a6a6a6;
    font-size: 60px;
}
.account-tec-empty p{
    color: #7d7d7d;
    font-size: 16px;
    line-height: 22px;
}
.account-tec .form-tips{
    margin-top: 6px;
}
.account-tec .cost-input{
    display: inline-block;
    position: relative;
}
.account-tec .cost-input .form-input{
    padding-left: 20px;
    padding-right: 80px;
}
.account-tec .cost-input .symbol,
.account-tec .cost-input .unit{
    position: absolute;
    top: 15px;
    line-height: 20px;
}
.account-tec .cost-input .symbol{
    left: 22px;
    color: #777;
}
.account-tec .cost-input .unit{
    right: 20px;
}
/********** 技能列表 **********/
.tec-list .item{
    position: relative;
    line-height: 20px;
    background: #fff;
}
.tec-list .title{
    line-height: 22px;
}
.tec-list .title h3{
    font-size: 16px;
}
.tec-list .title a{
    color: #333;
    transition: all .2s;
}
.tec-list .title a:hover{
    color: #f65434
}
.tec-list .title .edit{
    color: #333;
}
.tec-list .attrs span{
    margin-right: 30px;
}
.tec-list .title .edit:before,
.tec-list .attrs .address:before,
.tec-list .attrs .job:before{
    margin-right: 8px;
    color: #777;
    font-size: 15px;
    font-family: 'iconfont';
}
.tec-list .title .edit:before{
    content: '\e65b';
}
.tec-list .attrs .address:before{
    content: '\e65e';
}
.tec-list .attrs .job:before{
    content: '\e64b';
}
.tec-list .desc{
    overflow: hidden;
    margin-top: 6px;
    color: #7d7d7d;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tec-list .offer,
.tec-list .status{
    color: #f65434;
    font-weight: bold;
    line-height: 20px;
}
/********** 按技能找人列表与详情 **********/
/*搜索*/
.tec .search fieldset:nth-of-type(2){
    display: none;
}
.tec .search .form-input,
.tec .search .form-add-tag,
.tec .search .form-select{
    height: 40px;
}
.tec .search .form-add-tag{
    line-height: 36px;
}
.tec .search .form-select{
    margin: 0;
    background-position: center right 15px;
}
.tec .search .form-radio{
    margin: 0;
}
.tec .search .form-radio.active{
    color: #f65434;
}
.tec .search .form-radio.active:before{
    content: '\e663';
}
/*技能详情*/
.tec-detail{
    line-height: 20px;
}
/*技能详情 基础信息*/
.tec-detail .basic{
    position: relative;
}
.tec-detail .basic .title{
    margin-bottom: 20px;
}
.tec-detail .basic .desc{
    margin-bottom: 0;
    white-space: normal;
}
.tec-detail .basic .desc p:first-of-type{
    margin-bottom: 10px;
    color: #333;
    font-weight: 700;
}
/*技能详情 作品案例*/
.tec-detail .works li{
    border-bottom: 2px solid #f2f2f2;
}
.tec-detail .works .picture{
    display: inline-block;
    margin-right: 6px;
    cursor: pointer;
}
.tec-detail .works .picture:last-of-type{
    margin-right: 0;
}
.tec-detail .works h3{
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
}
.tec-detail .works .desc{
    color: #7d7d7d;
}
.tec-detail .works .link{
    display: inline-block;
    color: #f65434;
}
/*技能详情 工作历史评价*/
.tec-detail .comment li{
    border-bottom: 1px solid #f2f2f2;
    padding: 30px 0;
}
.tec-detail .comment li:last-of-type{
    border-bottom: none;
}
.tec-detail .comment h3{
    display: inline-block;
}
.tec-detail .comment .date{
    color: #999;
}
.tec-detail .comment .score{
    margin-top: 16px;
    margin-bottom: 6px;
    color: #7d7d7d;
}
.tec-detail .comment .score i{
    color: #f65434;
    font-size: 14px;
}
.tec-detail .comment .score span{
    margin-left: 6px;
}
/*作品图片 预览*/
.tec-detail .preview{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, .6);
}
.tec-detail .preview .wrapper{
    display: inline-block;
    position: absolute;
    top: 76px;
    left: 76px;
    right: 76px;
    bottom: 76px;
}
.tec-detail .preview .inner{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    /*top: 50%;*/
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    /*transform: translate3d(0, -50%, 0);*/
}
.tec-detail .preview img{
    max-width: 100%;
    max-height: 100%;
}
.tec-detail .preview .close{
    position: absolute;
    top: -36px;
    right: -36px;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    color: #777;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    background: rgba(255, 255, 255, .6);
    cursor: pointer;
}
/********** 提交项目需求 **********/
.demand-success .panel{
    padding: 50px 0;
    text-align: center;
}
.demand-success .complete{
    display: inline-block;
    margin-bottom: 20px;
    width: 44px;
    height: 44px;
    color: #1fcf7c;
    font-size: 44px;
}
.demand-success p:nth-of-type(1){
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 28px;
}
.demand-success p:nth-of-type(2){
    margin-bottom: 30px;
    line-height: 20px;
}
.demand-success p:nth-of-type(3){
    margin-bottom: 16px;
    line-height: 20px;
}
.demand-success .btn{
    font-size: 16px;
}